// Markdown 编辑器
import VueMarkdownEditor from '@kangc/v-md-editor'
import '@kangc/v-md-editor/lib/style/base-editor.css'
// 在这里引入，不被识别？
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js'
import '@kangc/v-md-editor/lib/theme/style/vuepress.css'
import createAlignPlugin from '@kangc/v-md-editor/lib/plugins/align';
// 代码高亮
import Prism from 'prismjs'


// 复制代码
import createCopyCodePlugin from '@kangc/v-md-editor/lib/plugins/copy-code/index'
import '@kangc/v-md-editor/lib/plugins/copy-code/copy-code.css'


// markdown 显示器
import VMdPreview from '@kangc/v-md-editor/lib/preview'
// import '@kangc/v-md-editor/lib/style/preview.css'

import createTipPlugin from '@kangc/v-md-editor/lib/plugins/tip/index';
import '@kangc/v-md-editor/lib/plugins/tip/tip.css';

// 设置 vuePress 主题
VueMarkdownEditor.use(vuepressTheme,
    {
      Prism,
      extend(md:any) {
        // md为 markdown-it 实例，可以在此处进行修改配置,并使用 plugin 进行语法扩展
        // md.set(option).use(plugin);
      },
    }
  )

   // 预览
   VMdPreview.use(vuepressTheme,
    {
      Prism,
      extend(md:any) {
        // md为 markdown-it 实例，可以在此处进行修改配置,并使用 plugin 进行语法扩展
        // md.set(option).use(plugin);
      },
    }
  )

   // 代码行号
   //VueMarkdownEditor.use(createLineNumbertPlugin())
   // 高亮代码行
   //VueMarkdownEditor.use(createHighlightLinesPlugin())
   // 复制代码
   VueMarkdownEditor.use(createCopyCodePlugin())
   VueMarkdownEditor.use(createAlignPlugin())
 
   // 预览的插件
   //VMdPreview.use(createLineNumbertPlugin())
   //VMdPreview.use(createHighlightLinesPlugin())
   VMdPreview.use(createCopyCodePlugin())
   VMdPreview.use(createAlignPlugin())
   VMdPreview.use(createTipPlugin())

export default {VueMarkdownEditor,VMdPreview};